<%--
  Created by IntelliJ IDEA.
  User: liushiyin
  Date: 2017/11/15
  Time: 19:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title>作者项目</title>
    <script type="text/javascript" src="JQuery/jquery-3.2.1.min.js"></script>
    <link rel="shortcut icon" href="res/icon.png"/>
    <link href="css/head.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/demo.css">
    <link rel="stylesheet" type="text/css" href="css/iziModal.css">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/app.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/script.js"></script>
</head>
<body bgcolor="#05051e">
<%@include file="head.jsp"%>
<div style="height: auto; width: 100%">
    <p style="font-size: 20px; font-family: Arial; color: #ff6c00; position: relative; top: 120px;">
        碰碰球
    </p>
    <div class="slider">
        <div class="slider-img">
            <ul class="slider-img-ul">
                <li><img src="img/1.png"></li>
                <li><img src="img/collisionball1.png"></li>
                <li><img src="img/collisionball2.png"></li>
                <li><img src="img/collisionball3.png"></li>
                <li><img src="img/collisionball4.png"></li>
                <li><img src="img/collisionball5.png"></li>
                <li><img src="img/collisionball5.png"></li>
            </ul>
        </div>
    </div>
    <script src="js/xSlider.js"></script>
</div>
<div class="link touch-link">
    <a class="button" data-title="one"
       href="https://gitee.com/lsylovews/CollisionBall">
        <span class="line line-top"></span>
        <span class="line line-right"></span>
        <span class="line line-bottom"></span>
        <span class="line line-left"></span>
            查看详情
    </a>
</div>
<div style="width: 100%; height: auto;">
    <p style="font-size: 20px;font-family: Arial; color: #ff5906; position:relative; top: 120px;">
        魔君觉醒
    </p>
    <div class="slider1">
        <div class="slider-img">
            <ul class="slider-img-ul">
                <li><img src="img/prinevils1.png"></li>
                <li><img src="img/prinevils1.png"></li>
                <li><img src="img/prinevils3.png"></li>
                <li><img src="img/prinevils7.png"></li>
                <li><img src="img/prinevils9.png"></li>
                <li><img src="img/prinevils10.png"></li>
                <li><img src="img/prinevils11.png"></li>
                <li><img src="img/prinevils12.png"></li>
                <li><img src="img/prinevils15.png"></li>
                <li><img src="img/prinevils16.png"></li>
                <li><img src="img/prinevils16.png"></li>
            </ul>
        </div>
    </div>
    <script src="js/xSlider1.js"></script>
</div>
<div class="link touch-link">
    <a class="button" data-title="two"
    href="https://gitee.com/LeaveTheWorld/PrinceDevils">
        <span class="line line-top"></span>
        <span class="line line-right"></span>
        <span class="line line-bottom"></span>
           查看详情
    </a>
</div>
<div style="width: 100%; height: auto;">
    <p style="font-size: 20px;font-family: Arial; color: #ff5906; position:relative; top: 120px;">
        UIEngine
    </p>
    <div class="slider2">
        <div class="slider-img">
            <ul class="slider-img-ul">
                <li><img src="img/uiengine.png"></li>
                <li><img src="img/uiengine.png"></li>
                <li><img src="img/uiengine1.png"></li>
                <li><img src="img/uiengine2.png"></li>
                <li><img src="img/uiengine3.png"></li>
                <li><img src="img/uiengine3.png"></li>
            </ul>
        </div>
    </div>
    <script src="js/xSlider2.js"></script>
</div>
<div class="link touch-link">
    <a class="button" data-title="three"
       href="https://gitee.com/lsylovews/uiengine">
        <span class="line line-top"></span>
        <span class="line line-right"></span>
        <span class="line line-bottom"></span>
        查看详情
    </a>
</div>
</body>
</html>